<template>
  <div id="app" v-cloak>
    <router-view />
    <!-- <HelloWorld :value="msg" @input="fn"></HelloWorld> -->
    <!-- <HelloWorld v-model="msg"></HelloWorld> -->
  </div>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue'
export default {
  components: { HelloWorld },
  data() {
    return {
      msg: "Hello World"
    }
  },
  methods: {
    fn(e) {
      this.msg = e
    }
  }
}
</script>
<style>
* {
  padding: 0;
  margin: 0;
  list-style: none;
  text-decoration: none;
}

html,
body,
#app {
  height: 100%;
}

[v-cloak] {
  display: none;
}
</style>